import { useEffect } from "react";

export default function Child() {
  // 初始化渲染触发（外部），更新前触发（内部），更新后触发（外部），卸载前触发（内部）
  // React渲染：先渲染子组件，在渲染父组件
  // useEffect(() => {
  //   // 更新后触发（渲染后）
  //   console.log("useEffect: 初始化渲染阶段 和 更新阶段都会触发 child...");
  //   return () => {
  //     // 更新前触发（渲染前） 和 卸载前触发
  //     console.log("useEffect 内部函数 child...");
  //   };
  // });

  // 初始化渲染触发（外部） 更新阶段不触发 卸载前触发（内部）
  useEffect(() => {
    console.log("useEffect: child 外部函数");
    return () => {
      console.log("useEffect  child 内部函数");
    };
  }, []);

  return <div>Child...</div>;
}
